<!doctype html>
<html>
<head>
    <meta charset="utf-8"/>
    <title></title>
    <link rel="stylesheet" href="../scripts/plugins/city_picker/city_picker.css">
</head>
<body>
<div>
    <span class="j_city_picker" style="border:1px solid red;display: inline-block;width:200px;height: 30px;"></span>
    <!--<div class="city_picker_container">-->
    <!--<div class="tab">-->
    <!--<ul>-->
    <!--<li class="selected">省份</li>-->
    <!--<li>城市</li>-->
    <!--<li>区/县名</li>-->
    <!--<li>镇名</li>-->
    <!--<li>街道</li>-->
    <!--</ul>-->
    <!--</div>-->
    <!--<div class="main">-->
    <!--<ul>-->
    <!--<li class="selected">广东省</li>-->
    <!--<li>福建省</li>-->
    <!--<li>海南省</li>-->
    <!--<li>浙江省</li>-->
    <!--<li>辽宁省</li>-->
    <!--<li>辽宁省</li>-->
    <!--<li>黑龙江省</li>-->
    <!--<li>辽宁省</li>-->
    <!--<li>辽宁省</li>-->
    <!--<li>辽宁省</li>-->
    <!--<li>宁夏回族自治区</li>-->
    <!--<li>辽宁省</li>-->
    <!--<li>辽宁省</li>-->
    <!--<li>辽宁省</li>-->
    <!--<li>辽宁省</li>-->
    <!--<li>辽宁省</li>-->
    <!--<li>辽宁省</li>-->
    <!--<li></li>-->
    <!--</ul>-->
    <!--</div>-->
    <!--<div class="remark">-->
    <!--<p>友情提示：</p>-->
    <!--<span>请再次确认您的门点选择与实际装货地点一致，如果由于您的门点选择错误，而导致操作异常，致使门服务无法正常完成，所产生的额外费用和相关责任将由您来承担。</span>-->
    <!--</div>-->
    <!--</div>-->
</div>
<script type="text/javascript" src="../scripts/vendor/jquery-3.4.1/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="../scripts/plugins/city_picker/city_picker.js"></script>
<script type="text/javascript" src="../scripts/plugins/h5_city_picker_ysy/LAreaData1.js"></script>
<script type="text/javascript">
    let options = {};
    options.source = LAreaData;
    options.loading = 0;
    options.afterSelect = (province, city, area, town, street) => {
        province = province.name ? province.name : "";
        city = city.name ? "/" + city.name : "";
        area = area.name ? "/" + area.name : "";
        town = town.name ? "/" + town.name : "";
        street = street.name ? "/" + street.name : "";
        $(".j_city_picker").text(province + city + area + town + street);
    };

    $(".j_city_picker").cityPicker(options);

</script>
</body>
</html>
